3

问题1:

单页应用开发时,当在A页面滚动滚动条后,点击进入B页面,滚动条保持在A页面的滚动位置。

目标:

同级路由切换时,滚动条回滚到页面顶端。

解决方案:

//在componentDidMount周期添加scrollTo()

class Home extends Component{
    componentDidMount(){
        window.scrollTo(0, 0);
    }
}

问题2:

在同一页面中点击回到顶部button,实现页面回到顶部.

目标:

onClick时,页面回到顶部。

解决方案:

<div onClick={() => {document.documentElement.scrollTop = 0;}}></div>

winteraq
68 声望4 粉丝